Component({
  properties: {
    // 添加控制抽屉显示的状态属性
    showDrawer: {
      type: Boolean,
      value: false,
      observer: function (newVal) { // 监听属性变化更新状态
        this.setData({ isShow: newVal })
      }
    }
  },

  data: {
    isShow: false // 组件内部状态
  },

  methods: {
    // 切换显示状态的方法
    toggleDrawer() {
      this.setData({ isShow: !this.data.isShow })
      this.triggerEvent('change', { visible: this.data.isShow }) // 触发状态变更事件[1,3](@ref)
    },
    preventScroll() {},
    // 点击遮罩层关闭
    handleMaskTap() {
      this.toggleDrawer()
      this.triggerEvent('close') // 触发关闭事件[3,4](@ref)
    }
  }
})